<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div class="outer">
        <div class="backgroundcolor" :style="{ backgroundColor: color }"></div>
        <img style="width: 100%;z-index: 1;" src="https://qiniucdn.udeve.net/udyk/660622f88ecaac6d9a475e9b.png" alt="">
        <div style="height: 20px;width: 100%;"></div>
    </div>
</template>

<script>
export default {
    components: {
    },
    data () {
        return {
            loading: false,
        };
    },
    props: {
        module: { type: Object },
    },

    watch: {},

    mounted: function () { },

    computed: {
        heightValue: function () {
            var v = this.module.height;
            if (v && v.value) {
                return v.value;
            }
            return 100;
        },
        color: function () {
            return this.$store.state.myconfig.color.primary || '#1989fa';
        },
    },

    methods: {},
};
</script>

<style scoped>
.outer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    background-color: #f9f9f9;
    /* padding: 15px; */
}
.outer .backgroundcolor{
    width: 100%;
    height: calc(100% - 38px);
    position: absolute;
    top: 0;
    z-index: 0;
}


</style>
